<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <title>Add todo item</title>
    <link rel="stylesheet" href="../style/default.css"/>

</head>

<body>
<div class="title">
    <h1>Add todo item</h1>
</div>
<div class="body">
    <p>According to the relationship with current item, there are three ways to add a new item:</p>
    <ul>
        <li>Before current item</li>
        <li>After current item</li>
        <li>As current item's child</li>
    </ul>
    <p>
        Corresponding toolbar buttons are:
        <div>
            <img src="image/btn_add.png" alt=""/>
        </div>
    </p>
    <p>
        Keyboard shortcuts:
        <table>
            <tr>
                <td>Insert</td>
                <td>Before current item</td>
            </tr>
            <tr>
                <td>Shift + Insert</td>
                <td>After current item</td>
            </tr>
            <tr>
                <td>Alt + Insert</td>
                <td>As current item's child</td>
            </tr>
        </table>
    </p>
    <p>
        <div>Notes:</div>
        <div class="notes">
            There are actually two ways to add as child;
            <br/>
            The default behavior is to add as first child;
            <br/>
            to add as last child, press Alt + Shift + Insert
        </div>
    </p>
</div>
</body>
</html>
